<template>
  <div class="app">
    <div class="menu">
      <div>
        <router-link to="/">DASHBOARD</router-link>
      </div>
      <div>
        <router-link to="/logErrorPage">问题日志数据</router-link>
      </div>
      <div>
        <router-link to="/logPage">日志数据</router-link>
      </div>
      <div>
        <router-link to="/mobilePage">手机号主数据</router-link>
      </div>
      <div>
        <router-link to="/appPage">应用主数据</router-link>
      </div>
      <div>
        <router-link to="/todayMoneyPage">今日数据</router-link>
      </div>
      <div>
        <router-link to="/historyMoneyPage">历史数据</router-link>
      </div>
    </div>
    <div class="view">
      <router-view></router-view>
    </div>
  </div>
</template>
<style lang="less">
.app {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
  .menu {
    width: 120px;
    border-right: 1px solid #ddd;
    height: 100%;
    > div {
      text-align: center;
      padding: 10px 8px;
      a {
        text-decoration: none;
      }
    }
  }
  .view {
    flex: 1;
    height: 100%;
  }
}
</style>
